<%@ page import="java.util.Date" %>
<%@ page import="dream.util.DateFormatUtil" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>筑梦</title>

    <link rel="shortcut icon" href="img/favicon.ico" >
    <!-- Google font -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700%7CVarela+Round" rel="stylesheet">

    <!-- Bootstrap -->
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/>

    <!-- Owl Carousel -->
    <link type="text/css" rel="stylesheet" href="css/owl.carousel.css"/>
    <link type="text/css" rel="stylesheet" href="css/owl.theme.default.css"/>

    <!-- Magnific Popup -->
    <link type="text/css" rel="stylesheet" href="css/magnific-popup.css"/>

    <!-- Font Awesome Icon -->
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">

    <!-- Custom stlylesheet -->
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="js/jquery-3.3.1.js"></script>
    <%--	<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>--%>

    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="js/Captcha_code.js"></script>
    <script type="text/javascript" src="js/SignUpClick.js"></script>
    <script type="text/javascript" src="./js/loginSuccess.js"></script>
    <script type="text/javascript" src="./js/jquery.cookie.js"></script>
</head>

<body>

<!-- Contact -->
<div id="contact" class="section md-padding">

    <!-- Container -->
    <div class="container">

        <!-- Row -->
        <div class="row">

            <!-- Section-header -->
            <div class="section-header text-center">
                <h2 class="title">Get in touch</h2>
            </div>
            <!-- /Section-header -->

            <!-- contact -->
            <div class="col-sm-4">
                <div class="contact">
                    <i class="fa fa-phone"></i>
                    <h3>Phone</h3>
                    <p>512-421-3940</p>
                </div>
            </div>
            <!-- /contact -->

            <!-- contact -->
            <div class="col-sm-4">
                <div class="contact">
                    <i class="fa fa-envelope"></i>
                    <h3>Email</h3>
                    <p>email@support.com</p>
                </div>
            </div>
            <!-- /contact -->

            <!-- contact -->
            <div class="col-sm-4">
                <div class="contact">
                    <i class="fa fa-map-marker"></i>
                    <h3>Address</h3>
                    <p>1739 Bubby Drive</p>
                </div>
            </div>
            <!-- /contact -->
            <%--<%
                String t = DateFormatUtil.getYear(new Date().getTime()).substring(2);
                int x= Integer.parseInt(t);
            %>--%>
            <!-- contact form -->
            <div class="col-md-8 col-md-offset-2">
                <form id="SignUpForm" class="contact-form" onsubmit="return false" action="##" method="post">
                    <h5>姓名: <input name="name" type="text" class="input" placeholder="请输入中文姓名" maxlength="8"></h5>
                    <h5>邮箱: <input name="email" type="email" class="input" placeholder="务必正确填写，结果将反馈至邮箱" maxlength="256"></h5>
                    <h5>年级:
                        <select name="session" class="input">
                            <option value=<%=22%>><%=22%>级</option>
                            <option value=<%=21%>><%=21%>级</option>
                            <option value=<%=20%>><%=20%>级</option>
                            <option value=<%=19%>><%=19%>级</option>
                        </select>
                    </h5>

                    <h5>验证码:
                        <input name="captcha_code" type="text" class="input" style="width: 243px" placeholder="请输入验证码" maxlength="4">
                        <img id="code_img_join" src="./captcha" style="width:100px;height:40px">
                    </h5>
                    <h5>
                        个人简介: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </h5>
                    <h5><textarea name="message" style="width: 410px;height: 200px " class="input"
                                  placeholder="为什么想加入我们" maxlength="1024"></textarea></h5>
                    <input id="info_clear" class="main-btn" type="reset" value="重置">
                    <input class="main-btn" type="button" value="提交" onclick="signUp()">
                </form>
            </div>
            <!-- /contact form -->

        </div>
        <!-- /Row -->

    </div>
    <!-- /Container -->

</div>
<!-- /Contact -->

<footer id="footer" class="sm-padding bg-dark">

    <!-- Container -->
    <div class="container">

        <!-- Row -->
        <div class="row">

            <div class="col-md-12">

                <!-- footer logo -->
                <div class="footer-logo">
                    <a href="index.jsp"><img src="img/logo.jpg" alt="logo"></a>
                </div>
                <!-- /footer logo -->
            </div>

        </div>
        <!-- /Row -->

    </div>
    <!-- /Container -->

</footer>
</body>
